﻿@charset "utf-8";
/* CSS Document */
/* menu */
ul.menu{ list-style:none; font-size:13px; font-weight:bold;}
ul.menu li{ float:left; margin-right:28px; }
ul.menu a{ color:#fff;text-decoration:none; font-size:13px; padding:11px 20px 11px 20px; display:block;}
ul.menu a:hover{ color:#111111; border-radius: 18px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px; background:#FFF;}	
/* link button */
a.next_btn{background: url(../images/ch_icon.png) no-repeat -517px  -439px;width:30px;height:30px; display:inline-block; margin-top:3px;vertical-align:-2px; position:absolute; top:110px; right:-15px; cursor:pointer; z-index:500;}
a.next_btn:hover{ background: url(../images/ch_icon.png) no-repeat -476px  -439px;}
a.prev_btn{background: url(../images/ch_icon.png) no-repeat -517px  -479px;width:30px;height:30px; display:inline-block; margin-top:3px;vertical-align:-2px; position:absolute; top:110px; left:-15px;cursor:pointer; z-index:500;}
a.prev_btn:hover{ background: url(../images/ch_icon.png) no-repeat -476px  -479px;}
a.twi{ background: url(../images/ch_icon.png) no-repeat -422px  -242px;width:25px;height:22px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.twi:hover{background: url(../images/ch_icon.png) no-repeat -276px  -242px;}
a.fac{ background: url(../images/ch_icon.png) no-repeat -455px  -242px;width:23px;height:22px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.fac:hover{background: url(../images/ch_icon.png) no-repeat -309px  -242px;}
a.plus{ background: url(../images/ch_icon.png) no-repeat -488px  -242px;width:25px;height:22px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.plus:hover{background: url(../images/ch_icon.png) no-repeat -342px  -242px;}
a.pint{ background: url(../images/ch_icon.png) no-repeat -523px  -242px;width:23px;height:22px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.pint:hover{background: url(../images/ch_icon.png) no-repeat -377px  -242px;}
a.visa{ background: url(../images/ch_icon.png) no-repeat -368px  -280px;width:39px;height:23px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.master{ background: url(../images/ch_icon.png) no-repeat -415px  -280px;width:39px;height:23px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.america{ background: url(../images/ch_icon.png) no-repeat -462px  -280px;width:39px;height:23px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.diner{ background: url(../images/ch_icon.png) no-repeat -509px  -280px;width:38px;height:23px; display:inline-block; margin-top:3px;vertical-align:-2px;}
a.en{ background: url(../images/ch_icon.png) no-repeat -408px  -75px;width:63px;height:37px; display:inline-block; margin-top:3px;vertical-align:-2px;cursor:pointer;}
a.en:hover{background: url(../images/ch_icon.png) no-repeat -408px  -138px;}
a.vn{ background: url(../images/ch_icon.png) no-repeat -486px  -75px;width:63px;height:37px; display:inline-block; margin-top:3px;vertical-align:-2px; cursor:pointer;}
a.vn:hover{background: url(../images/ch_icon.png) no-repeat -486px  -138px;}
/* search */
.searchform { border:#d9d9d9; display: inline-block;border-radius: 2em;}
.searchform .searchfield { background: none repeat scroll 0 0 #FFFFFF;   padding: 6px 6px 6px 8px; width: 250px;border:0; height:15px; color:#999;}
.searchform .searchbutton {background: url(../images/ch_icon.png) no-repeat -515px -315px;  height: 27px;  width: 33px; border:0;}
/* dropdown */
div.dropdown{ border:1px solid #d9d9d9; border-radius:2px; position:relative;background: rgb(253,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(253,254,254,1) 11%, rgba(244,244,245,1) 50%, rgba(244,244,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(253,254,254,1)), color-stop(50%,rgba(244,244,245,1)), color-stop(100%,rgba(244,244,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(253,254,254,1) 11%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(253,254,254,1) 11%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(253,254,254,1) 11%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(253,254,254,1) 11%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#f4f4f5',GradientType=0 ); /* IE6-9 */}
div.dropdown:hover div.dropdown_hover{ display:block;}
div.dropdown_hover{position:absolute; left:-1px; top:33px;  z-index:900;box-shadow: 0px 5px 9px -5px  #888888; width:100%; display:none; border:1px solid #ececec; }
/*p.hover_current{ color:#222222; background: url(../images/arrow_down.png) no-repeat center right; padding:8px 34px 8px 11px; display:block; position:relative; text-align:left; }*/
p.hover_current{ color:#222222; padding:8px 34px 8px 11px; display:block; position:relative; text-align:left; }
span.arrow{background: url(../images/ch_icon.png) no-repeat -521px -354px;  height: 17px;  width: 21px; display:inline-block; position:absolute; right:10px; top:7px;}
div.dropdown_inner{ background:#fff;overflow-x:hidden;  overflow-y:auto; clear:both; border-radius:4px;}
div.dropdown_inner a{ padding: 3px 7px 3px 9px !important;}
ul.inner_list{ list-style:none; text-align:left; margin:5px;}
ul.inner_list li{ width: 100%;}
ul.inner_list li:hover{ background:#f4f3f3;}
ul.inner_list a{ color:#333333; font-size:13px; padding:9px 7px 9px 9px; display:inline-block;width: 100%; }
ul.inner_list a:hover,ul.inner_list li:hover a{ color:#038dbb;}
input.btn_blue{ background:url(../images/bg_btn.png) repeat-x; width:100%; height:40px; color:#fff; font-size:18px; font-weight:bold; border:0px; font-stretch:condensed; margin:10px 0px; cursor:pointer;}
input.btn_blue:hover{ background:url(../images/bg_btn_h.png) repeat-x; }
input.btn_grey{ background:#e1e1e1; width:100%; height:40px; color:#3e3e3e; font-size:18px; font-weight:bold; border:0px;font-stretch:semi-condensed; text-align:center; margin:0px 0px;cursor:pointer;}
input.btn_grey:hover{ background:#d1d1d1;}

div.btn_grey{ background:#e1e1e1; width:100%; height:30px; color:#3e3e3e; font-size:18px; font-weight:bold; border:0px; text-align:center; margin:0px 0px;cursor:pointer;padding-top: 10px;}
div.btn_grey:hover{ background:#d1d1d1;}
.btn_grey a {
    color:#038dbb;
    padding-top: 10px
}
input.btn_orange{ background:url(../images/btn_og.png) repeat-x; border-radius:4px; padding:0px 10px; height:40px; color:#fff; font-size:18px; border:0px; font-stretch:condensed; text-align:center;  cursor:pointer;}
input.btn_orange:hover{ background:url(../images/btn_og_h.png) repeat-x; }

input.btn_grey1{ margin-right:10px; margin-top:8px; border:1px solid #b9b9b9; background:url(../images/menu_grey.png) repeat-x; border-radius:4px; padding:0px 7px; height:31px; color:#414141; font-size:13px; font-stretch:condensed; text-align:center;  cursor:pointer;}
input.btn_grey1:hover{ background:url(../images/menu_grey_h.png) repeat-x; }
div.slide{ position:relative; overflow:hidden; text-align:center}
.caroufredsel_wrapper{ display:inline-block;}
.slide_image { display:inline-block;  }
.slide_image img{ width:74px; height:74px; border:1px solid #d9d9d9; margin:0px 2px;cursor: pointer;}
.next{ background: url(../images/ch_icon.png) no-repeat -528px -409px;width:19px;height:30px; display:inline-block; margin-top:3px;vertical-align:-2px; position:absolute; right:0px; top:25px; }
.next:hover{ background: url(../images/ch_icon.png) no-repeat -487px -409px;}
.prev{ background: url(../images/ch_icon.png) no-repeat -528px -377px;width:19px;height:22px; display:inline-block; margin-top:3px;vertical-align:-2px; position:absolute; left:0px; top:25px;}
.prev:hover{ background: url(../images/ch_icon.png) no-repeat -487px -377px;}
div.intro{ background:url(../images/bg_home.jpg) no-repeat center top; width:100%; margin:0px auto; }
/* menu intro */
ul.intro_menu { list-style:none; position:relative; width:1100px; height:1000px; margin:0px auto 0px auto;}
ul.intro_menu li a{text-indent: -9999px; position:absolute; }
ul.intro_menu li { position:relative;}
ul.intro_menu li:hover span.note{ display:block;}
ul.intro_menu li.mm{position:absolute;  top:265px; left:367px;  }
ul.intro_menu li.mm a{ background: url(../images/ch_icon.png) no-repeat -973px -180px;width:364px;height:290px; display:block;  }
ul.intro_menu li.mm1:hover span.note{ display:block; position:absolute; top:-40px; left:30px; }
ul.intro_menu li.mm1{position:absolute;  top:17px; left:389px;  }
ul.intro_menu li.mm1 span{ bottom:-14px; right:-278px; }
ul.intro_menu li.mm1 a{ background: url(../images/ch_icon.png) no-repeat -47px -56px;width:321px;height:149px; display:block;  }
ul.intro_menu li.mm1 a:hover{}
ul.intro_menu li.mm2{ position:absolute; bottom:606px; left:7px;  }
ul.intro_menu li.mm2 span{ top:-69px; left:-12px; }
ul.intro_menu li.mm2 a{ background: url(../images/ch_icon.png) no-repeat -658px -56px;width:254px;height:436px; display:block;}
ul.intro_menu li.mm2 a:hover{ }
ul.intro_menu li.mm3{ position:absolute; bottom:566px; right:267px;  }
ul.intro_menu li.mm3 span{  top:-25px; right:-258px;  }
ul.intro_menu li.mm3 a{ background: url(../images/ch_icon.png) no-repeat -47px -284px;width:268px;height:398px; display:block;}
ul.intro_menu li.mm3 a:hover{}
p.choose_language{ padding-right:100px; padding-top:20px; }
p.choose_language a{ float:right; margin-left:10px;}
span.note{background: url(../images/ch_icon.png) no-repeat -666px -534px;width:238px;height:69px; display:inline-block; color:#fff; text-align:center; text-transform:uppercase; font-size:27px; display:none;}
/* form  */
div.form input[type=text].input-validation-error {border: 1px solid #e80c4d;}
div.form input[type=password].input-validation-error {border: 1px solid #e80c4d;}
div.form select.input-validation-error {border: 1px solid #e80c4d;}
div.form a{ color:#008ac3; text-decoration:underline;}
div.form{ margin:0px auto; overflow:hidden;font-size:14px;color:#555; text-shadow: 1px 1px 1px #fff; text-align:left;}
div.form .field {display: block;  width: 100%; overflow:hidden; clear:both;}
div.form input[type="checkbox"]{ vertical-align:text-bottom;margin-right: 5px;}
div.form input[type="radio"]{ vertical-align:text-bottom;}
div.form label.field_R {display: block;padding:3px 0 0 0; float:left; margin-right:10px;}
div.form label.field_L {display: block;float:left;width:151px; color:#666666;
text-align:left;padding:12px 0px 0 0;}
div.form input[type=text],div.form input[type=password]{background-color: #f2f2f2 ; border: 1px solid #b9b9b9; border-radius:3px;  margin: 0;  color: #555;padding: 10px;font-size:14px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
div.form input[type=text]:focus{ background:#f9f9f9;}	
div.form textarea {background-color: #f2f2f2 ; border: 1px solid #b9b9b9; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;overflow: hidden;padding: 7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:13px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
div.block{width:760px; border:1px solid #eeeeee; margin:20px auto;}
div.block p.title{ text-align:center; font-size:24px; color:#404040;padding:10px 0px; background:#eeeeee;}
div.address{ padding:20px 30px 20px 30px; }
div.address label.field_L{ width:130px; text-align:left;}  
div.address input[type=text],div.address input[type=password]{ width:536px;}
div.address textarea {width:540px; height:190px;}
div.address .field{padding: 10px 0;}
div.address input[type=submit]{ width:200px;}
.field-validation-error{ color:#F00;}
.address_err { padding-left:104px; text-align:left;font-size:12px}

/* account */
div.account { width:395px; margin-left:40px; float:left; }
.end{ margin:0px !important;}
div.acc{ padding:20px 20px 20px 20px; }
div.acc label.field_L{ width:105px; text-align:left;}  
div.acc input[type=text]{ width:213px;}
div.acc .field{padding: 10px 0;}
div.acc p.btn_link{ clear:both; padding-left:105px; padding-top:5px;}
div.account1{ width:390px; padding:20px 20px 20px 20px !important;margin-left:30px;}
div.block_co{ text-align:center; font-size:14px; color:#404040; padding:20px 0px 20px 0px;}
div.block_co p{ text-align:center;}
div.block_co ul{ list-style:disc; line-height:30px; padding:10px 50px;color:#404040; margin-bottom:40px; text-align:left; }

div.login{ padding:20px 20px 20px 20px; line-height:20px; }
div.login label.field_L{ width:105px; text-align:left;}  
div.login input[type=text],div.login input[type=password]{ width:213px;}
div.login .field{padding: 10px 0;}
div.login p.btn_link{ clear:both; padding-left:105px; padding-top:5px;}
div.login .field_btn{ width:200px ; margin:0px auto;}
.blue{ color:#008ac3;}
div.login input[type="checkbox"]{ vertical-align:-1px; margin-right:5px;}

table.cart{ line-height:20px; table-layout:fixed; border-collapse:collapse;border-bottom:1px solid #999;margin:15px 30px 15px 15px;}
table.cart th{ 	background:#eeeeee; color:#404040; font-size:15px; font-weight:normal; padding:10px 10px; }
table.cart td{color:#595959; font-size:13px;  padding:10px 10px;  vertical-align:top;}
table.cart tr{border-bottom:1px dashed #414141;}
table.cart tr.noline{border-bottom:0;}
table.cart p.note{ font-size:12px; color:#7c7c7c;}
table.cart a{font-size:12px; color:#008ac3;}
table.cart input[type=text]{background-color: #f2f2f2 ; border: 1px solid #b9b9b9; border-radius:3px;  margin: 0;  color: #555;padding: 10px;font-size:14px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; width:50px;text-align: right;}
table.cart input[type=text]:focus{ background:#f9f9f9;}
.sum { color:#F00 !important;}
.cart_btn{ text-align:right; margin:8px 0px; overflow:hidden; }
.cart_btn input{ width:180px;}
ul.menu_top{ list-style:none; margin-bottom:15px; overflow:hidden;}
ul.menu_top li{ float:right; margin-left:5px;}
ul.menu_top a { color:#404040; padding:0px 0px 0px 5px; font-size:15px; } 
ul.menu_top a:hover{ color:#008ac3; text-decoration:underline;}
a.mn_vietnam{ display:inline-block; width:32px; height:19px; background:url(../images/ch_icon.png) no-repeat -144px -710px;}
a.mn_american{ display:inline-block; width:32px; height:19px; background:url(../images/ch_icon.png) no-repeat -207px -710px;}
span.home_cart{ display:inline-block;  background:url(../images/ch_icon.png) no-repeat -88px -706px; width:31px; height:26px; vertical-align:-7px; margin-right:3px;}
p.shopping_home{ font-size:12px; float:right; margin-left:10px; margin-right:7px; }

div .combobox-inner {
    background: rgb(253, 254, 254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253, 254, 254, 1) 11%, rgba(244, 244, 245, 1) 50%, rgba(244, 244, 245, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(253, 254, 254, 1)), color-stop(50%, rgba(244, 244, 245, 1)), color-stop(100%, rgba(244, 244, 245, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253, 254, 254, 1) 11%, rgba(244, 244, 245, 1) 50%, rgba(244, 244, 245, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253, 254, 254, 1) 11%, rgba(244, 244, 245, 1) 50%, rgba(244, 244, 245, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253, 254, 254, 1) 11%, rgba(244, 244, 245, 1) 50%, rgba(244, 244, 245, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(253, 254, 254, 1) 11%, rgba(244, 244, 245, 1) 50%, rgba(244, 244, 245, 1) 100%); /* W3C */
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#f4f4f5', GradientType=0); /* IE6-9 */
    padding: 5px 0px 5px 10px;
    position: relative;
    width: 100%;
}

.combobox-inner option {
    background-color: white;
    font-size: 13px;
    padding: 4px 0px 4px 10px !important;
}
        